<template>
<div>
    <div class="topNav">
        <div>
            <span></span> <router-link tag='i' to="/city">全国</router-link> 
        </div>
        <input type="text" placeholder="搜索热门影院">
        <router-link tag='em' to="/calendar">时间</router-link> 
    </div>
  
</div>
</template>

<script>

 export default {
    data () {
        return {
        }
    },
   
}
</script>

<style lang='scss' scoped>

.topNav{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 1rem;
    align-items: center;
    font-size: .3rem;
    border-bottom: .01rem solid #eee;
    div{
        margin-left: .2rem;
    }
    em{
        margin-right: .2rem;
    }
    input{
        padding-left: .3rem;
        display: block;
        border: none;
        height: .6rem;
        border-radius: .3rem;
        background: #eee;
        width: 5rem;
    }  
}
</style>
